import { defineComponent, PropType, ref } from 'vue';
import { MainLayouts } from '../../layouts/MainLayouts';
import { Button } from '../../shared/Button';
import { Icon } from '../../shared/Icon';
import { TagForm } from './tagForm';
import s from './tag.module.scss';
export const TagEdit = defineComponent({
    props: {
        name: {
            type: String as PropType<'add' | 'pig'>
        }
    },
    setup: (props, context) => {
        return () => <>
            <MainLayouts>{{
                title: () => "新建标签",
                icon: () => <Icon name="left" />,
                default: () => <>
                    <TagForm />
                    <div class={s.actions}>
                        <Button class={s.remoTags}>删除标签</Button>
                        <Button class={s.remoItems}>删除标签和内容</Button>
                    </div>
                </>


            }}</MainLayouts>
        </>
    }
})